@charset "UTF-8";
@import 'core.scss';
@import "common.scss";
@import "./comps/button.scss";
@import "./comps/icons.scss";
@import "./flexboxgrid.scss";
@import './themes.scss';
@import './transition.scss';
@import './weui.scss';
@import './weui.css';
/**
 * ==================================================
 * Bootstrap Reset
 * ==================================================
 */
 html{
  height:100%;
  line-height: 1;
 }
 html, body {
   height: 100%;
   width: 100%;
   overflow-x: hidden;
 }
body {
  min-height:100%;
  background-color: $bgWhite;
  color:$fBlack;
}
body.full-page{
  overflow:hidden;
  height:100%;
  .main{
    max-height: 100%;
    overflow: hidden;
  }
}
.wrap-padding,.row-padding{
  padding: torem2(0px,40px);
}
.row{
     margin-right: 0;
     margin-left: 0;
}

/*helpers*/
// layout
.help-relative{
  position: relative;
}
.help-inline{
  display: inline-block;
}
.help-block{
  display: block;
}
.help-hidden{
  display: none;
}
.row.no-col-padd{
  [class^=col-xs]{
    padding: 0;
  }
}
// z-index
.m-zIndex-99{
  z-index: 99;
  position: relative;
}
//bg
.bg-black{
  background:#000;
}
//behaviors
.scroll-x,.scroll-y{
  -webkit-overflow-scrolling:touch;
}
.scroll-y{
  overflow: scroll;
}
// transition&&animation
.no-transition{
  transition: none!important;
}
/*helpers*/

/**
 * ==================================================
 * Page Layout
 * ==================================================
 */
 .page{
   .hd {
    padding: 2em 0;
  }
 }
 .page.button .page_title, .page.cell .page_title {
     color: #225fba;
 }
 .page_title {
     text-align: center;
     font-size: 34px;
     color: #3cc51f;
     font-weight: 400;
     margin: 0 15%;
 }
/* Header */
.header {
  @includes %clearfix;
}
/*page header*/

/* Content */

/* Footer */
#footer-slot{
  height: 1.5rem;
  margin-top: 1rem;
  width: 100%;
}
#footer{
  z-index: 19;
  height: 1.5rem;
  //margin-top: 1rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: $bgDeepGrey;
  ul{
    height: 1.5rem;
    font-size: 0.8rem;
    text-align: center;
    li{
      display: inline-block;
      padding: 0.1rem 0;
      span{
        padding: 0 1rem;
        border-right: 1px solid #fff;
        &.last{
          border-right: none;
        }
      }
    }
  }
}

/**
 * ==================================================
 * My Styles
 * ==================================================
 */

/****************slider****************/
.mask{
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.61);
  display: none;
  .slider-wrap{
    position: relative;
    height: 300px;
    margin-top: 50%;
  }
}

/****************slider end****************/




.border_line {
    @include setBottomLine($globalBorderColor);
}
.border_gray_bottom {
    &:after{
      @include setBottomLine($greyBorder);
    }
}
/**公用panel --like home page step **/



/**** scroller滚动 组件 ***/
.m-scroller-wrap{
  position: absolute;
  left:0;
  right:0;
  z-index: 90;
}
.m-scroller-body{
  @extend %fullpage;
  overflow: hidden;
}
.m-scroller-list {
    position: absolute;
    width: 100%;
    left:0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    @include no_select();
}
/**** number_input 组件 ***/
.padding-number_input{
  padding-bottom:200px;
}
//forms elements
.m-input{
  font-size:torem(32px);
}

.home_item_bg{
  background:url('../images/home_item_bg@2x.png');
}
//register
.register{
  color:#fff;
  height:100%;
  [class^=col]{
    padding-left:0;
    padding-right:0;
  }
  .title-img{
    margin-top:.75rem;
    margin-left:1rem; 
    margin-bottom:2.25rem;
    height:1.5rem;
    img{
      height:100%;
    }
  }
  .register-panel{
    padding:0 4rem;
    .dropdown-left{
      padding-right:0.125rem;
    }
    .dropdown-right{
      padding-left:0.125rem;
    }
    .form-group{
      margin-bottom:0.6rem;
      input{
        width:100%;
        height:1.5rem;
        color:#fff;
        border-bottom:1px #FCA9A9 solid;
        &:focus{
          border-color:#fff;
        }
      }
      .dropdown{
        text-align:left;
        text-align: left;
        height: 1.5rem;
        border-bottom:1px #FCA9A9 solid;
        .dropdown-text{
          font-size: .7rem;
        }
        .dropdown-arrow{
          display:inline-block;
          background:url('../images/arrow-down.png') no-repeat;
          background-size:contain;
          width:0.55rem;
          height:0.3rem;
        }
      }
    }
    .btn-submit{
      border:none;
      width:100%;
      height:1.75rem;
      background:#fff;
      font-size:.75rem;
      margin-top:1rem;
    }
  }
  .bottom-href{
    margin-top:0.6rem;
    font-size:.6rem;
  }
}